import React, { Component } from 'react'
import { Icon } from 'antd-mobile'

export default class NormalPage extends Component {
  render() {
    return (
      <div className={`rt-normal-page`}>
        <header>
          <Icon type="left" />
          <span>扫码支付</span>
        </header>
        <div className={`-scrollable-container`}>
          <div className={`-content`}>
            <div className={`-above`}>
              <section>
                <div className={`-symbol`}>
                  <span className={`-sequence`}>1</span>
                  <span>长按二维码，选择“识别图中二维码”</span>
                </div>
                <div>
                  <span className={`-sequence`}>2</span>
                  <span>完成支付后，点击下方“我已支付完成”</span>
                </div>
              </section>
            </div>
            <div className={`-separate-line2`}></div>
            {/*<div className={`-separate-line2`}></div>*/}
            <div className={`-qr-code`}>
              <img alt="qr-code" src={require('static/images/qr-code.png')} />
            </div>
          </div>
          <div className={`-btn`}>我已支付完成</div>
          {
            Array(0).fill(1).map(v => (
              <div className={`-btn`}>我已支付完成</div>
            ))
          }
        </div>
      </div>
    )
  }
}